<template>
  <div class="index-wrap">
           <!-- <mt-swipe :auto="4000">
      <mt-swipe-item  v-for="item in  parent_value"   :key="item.url">
          <img  :src="item.url">
        </mt-swipe-item>
      </mt-swipe> -->
      <qousew></qousew>
    <swiper :parent_value="youtous"></swiper>
    <!-- 智能 -->
     <boss  :boss_value="muildes"></boss>
        <lowe :pouse_value="douses"></lowe>
     <lowss :lowss_value="losswol"></lowss>
     <lowe :pouse_value="buttouny"></lowe>
     <lowss :lowss_value="jioulou"></lowss>
        <lowe :pouse_value="notebook"></lowe>
         <lowss :lowss_value="notebooks"></lowss>
         <lowe :pouse_value="washing"></lowe>
          <lowss :lowss_value="machine"></lowss>
  </div>
</template>

<script>
import swiper from "../../components/swiper/swiper"
import qousew from "../../components/qousew/qousew"
import boss from "../../components/Boss/boss"
import  lowe from "../../components/lowe/lowe"
import  lowss from "../../components/lowe/lowss"
import Vue from 'vue';
import 'mint-ui/lib/style.css';
import axios from 'axios'
import { Swipe, SwipeItem } from 'mint-ui';
Vue.component(Swipe.name, Swipe);
Vue.component(SwipeItem.name, SwipeItem);
export default {
  name: 'Index',
   data(){
        return{
                value:[],
                arrs:[],
                youtous:[],
                muildes:[],
                 douses:[],
                buttouny:[],
                jioulou:[],
                losswol:[],
                  notebook:[],
                  notebooks:[],
                  washing:[],
                  machine:[],
        }
   },
   
        props: ['parent_value','boss_value','pouse_value','lowss_value'],
          components:{
            qousew,
            swiper,
            boss,
                 lowe,
            lowss,
          },
          created(){
     this.getList();
  },
  methods:{
       getList(){
            	axios.get("/api/yingshi").then((res)=>{
				// console.log(res.data)
        this.arrs=res.data.links,
        this.value=res.data.boble
        this.youtous=res.data.youtous
             this.muildes=res.data.loowqwwsl[0]
              this.douses=res.data.buttouns
        this.buttouny=res.data.buttouny
        this.jioulou=res.data.jioulou
        this.losswol=res.data.shoujil
        this.notebook=res.data.notebook
        this.notebooks=res.data.notebooks
        this.washing=res.data.washing
        this.machine=res.data.machine
			}).catch((err)=>console.log(err))
        },
  },
}

</script>
<style  lang="scss"   scoped>
.mint-swipe {
  height: 200px;

   .mint-swipe-item {
    text-align: center;

    img {
      width: 100%;
      height: 100%;
    }
   } 
}
</style>
